<div class="col-xl-12">
    <div class="widget has-shadow">
        <div class="widget-body">
            <form class="needs-validation pt-5" novalidate>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.taskId"></span></label>
                    <div class="col-lg-5">
                        <input name="taskId" type="text" class="form-control translate" translateFor="placeholder.taskId" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidTaskId"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.taskName"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="taskName" class="form-control translate" translateFor="placeholder.taskName" translateTo="placeholder">
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-type">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.taskType2"></span></label>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="taskType" id="taskType-native" value="N" checked required>
                            <label class="custom-control-descfeedback" for="taskType-native"><span class="translate" translateFor="taskType.N"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="taskType" id="taskType-remote" value="R" required>
                            <label class="custom-control-descfeedback" for="taskType-remote"><span class="translate" translateFor="taskType.R"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="taskType" id="taskType-mq" value="M" required>
                            <label class="custom-control-descfeedback" for="taskType-mq"><span class="translate" translateFor="taskType.M"></span></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-type-native">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.beanId"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="beanId" class="form-control translate" translateFor="placeholder.beanId" translateTo="placeholder">
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-type-native">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.beanClass"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="beanClass" class="form-control translate" translateFor="placeholder.beanClass" translateTo="placeholder">
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-type-remote">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.remoteUrl"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="remoteUrl" class="form-control translate" translateFor="placeholder.remoteUrl" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidRemoteUrl"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-type-mq">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.mqConfigId"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="mqConfigId" class="form-control readonly-invalid input-readonly translate doublebox" translateFor="placeholder.selectMqConfigId" translateTo="placeholder" readonly required>
                        <div class="readonly-invalid-feedback mqConfigId">
                            <span class="translate" translateFor="message.invalidSelectMqConfigId"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-type-mq">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.mqDestination"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="mqDestination" class="form-control translate" translateFor="placeholder.mqDestination" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidMqDestination"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-type-mq">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.mqCallback"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="mqCallback" class="form-control translate" translateFor="placeholder.mqCallback" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidMqCallback"></span>
                        </div>
                    </div>
                </div>
                <div class="em-separator separator-dashed mb-5"></div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.priority"></span></label>
                    <div class="col-lg-5">
                        <span class="translate slider-before lang" translateFor="priority.low"></span>
                        <div class="translate slider-center lang priority_slider"></div>
                        <span class="translate slider-after lang" translateFor="priority.high"></span>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.partitionCount"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="partitionCount" class="form-control translate" translateFor="placeholder.partitionCount" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidPartitionCount"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.partitionMode"></span></label>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="partitionMode" id="partitionMode-S" value="S" checked required>
                            <label class="custom-control-descfeedback" for="partitionMode-S"><span class="translate" translateFor="partitionMode.S"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="partitionMode" id="partitionMode-D" value="D" required>
                            <label class="custom-control-descfeedback" for="partitionMode-D"><span class="translate" translateFor="partitionMode.D"></span></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-cycle">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.taskCycle"></span></label>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="taskCycle" id="taskCycle-R" value="R" required>
                            <label class="custom-control-descfeedback" for="taskCycle-R"><span class="translate" translateFor="taskCycle.R"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="taskCycle" id="taskCycle-T" value="T" required>
                            <label class="custom-control-descfeedback" for="taskCycle-T"><span class="translate" translateFor="taskCycle.T"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="taskCycle" id="taskCycle-P" value="P" checked required>
                            <label class="custom-control-descfeedback" for="taskCycle-P"><span class="translate" translateFor="taskCycle.P"></span></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-cycle-cron">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.cron"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="cronExpression" class="form-control translate" translateFor="placeholder.cron" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidCron"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 task-cycle-fire">
                    <label id="fireTimeLabel" class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.fireTime"></span></label>
                    <label id="firstFireTimeLabel" class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.firstFireTime"></span></label>
                    <div class="col-lg-5" id="fireTimeContainer">
                        <input type="text" name="nextFireTime" class="form-control input-readonly datepicker translate" translateFor="placeholder.fireTime" translateTo="placeholder" readonly>
                        <div class="readonly-invalid-feedback nexFireTime">
                            <span class="translate" translateFor="message.invalidFireTime"></span>
                        </div>
                    </div>
                </div>
                <div class="em-separator separator-dashed mb-5"></div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.dependentTask"></span></label>
                    <div class="col-lg-5">
                        <input name="dependentTaskId" type="text" class="form-control readonly-valid input-readonly translate doublebox" translateFor="placeholder.dependentTask" translateTo="placeholder" readonly>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.dependencePolicy"></span></label>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="dependencePolicy" id="dependencePolicy-S" value="S" checked required>
                            <label class="custom-control-descfeedback" for="dependencePolicy-S"><span class="translate" translateFor="dependencePolicy.S"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="dependencePolicy" id="dependencePolicy-W" value="W" required>
                            <label class="custom-control-descfeedback" for="dependencePolicy-W"><span class="translate" translateFor="dependencePolicy.W"></span></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.blockPolicy"></span></label>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="blockPolicy" id="blockPolicy-C" value="C" checked required>
                            <label class="custom-control-descfeedback" for="blockPolicy-C"><span class="translate" translateFor="blockPolicy.C"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="blockPolicy" id="blockPolicy-I" value="I" required>
                            <label class="custom-control-descfeedback" for="blockPolicy-I"><span class="translate" translateFor="blockPolicy.I"></span></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 error-policy">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.errorPolicy"></span></label>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="errorPolicy" id="errorPolicy-R" value="R" checked required>
                            <label class="custom-control-descfeedback" for="errorPolicy-R"><span class="translate" translateFor="errorPolicy.R"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="errorPolicy" id="errorPolicy-I" value="I" required>
                            <label class="custom-control-descfeedback" for="errorPolicy-I"><span class="translate" translateFor="errorPolicy.I"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="errorPolicy" id="errorPolicy-M" value="M" required>
                            <label class="custom-control-descfeedback" for="errorPolicy-M"><span class="translate" translateFor="errorPolicy.M"></span></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 error-policy-retry">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.retryCount"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="retryCount" class="form-control translate" translateFor="placeholder.retryCount" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidRetryCount"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 error-policy-retry">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.retryInterval"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="retryInterval" class="form-control translate" translateFor="placeholder.retryInterval" translateTo="placeholder" required>
                        <div class="invalid-feedback">
                            <span class="translate" translateFor="message.invalidRetryInterval"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 error-policy-retry">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.retryPolicy"></span></label>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="retryPolicy" id="retryPolicy-G" value="G" checked required>
                            <label class="custom-control-descfeedback" for="retryPolicy-G"><span class="translate" translateFor="retryPolicy.G"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="retryPolicy" id="retryPolicy-E" value="E" required>
                            <label class="custom-control-descfeedback" for="retryPolicy-E"><span class="translate" translateFor="retryPolicy.E"></span></label>
                        </div>
                    </div>
                    <div class="col-lg-1-0">
                        <div class="custom-control custom-radio styled-radio">
                            <input class="custom-control-input" type="radio" name="retryPolicy" id="retryPolicy-N" value="N" required>
                            <label class="custom-control-descfeedback" for="retryPolicy-N"><span class="translate" translateFor="retryPolicy.N"></span></label>
                        </div>
                    </div>
                </div>
                <div class="em-separator separator-dashed mb-5"></div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.parameters"></span></label>
                    <div class="col-lg-5">
                        <input type="text" name="parameters" class="form-control translate" translateFor="placeholder.parameters" translateTo="placeholder">
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 useBlackWhiteList">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.blackWhiteList"></span></label>
                    <div class="col-lg-5">
                        <div class="styled-checkbox1">
                            <input type="checkbox" name="useWhiteBlackList" id="blackWhiteList"/>
                            <label for="blackWhiteList" id="blackWhiteListClick"></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 whiteList">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.whiteList"></span></label>
                    <div class="col-lg-5">
                        <input name="whiteList" type="text" class="form-control readonly-valid input-readonly translate doublebox" translateFor="placeholder.whiteList" translateTo="placeholder" readonly>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5 blackList">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.blackList"></span></label>
                    <div class="col-lg-5">
                        <input name="blackList" type="text" class="form-control readonly-valid input-readonly translate doublebox" translateFor="placeholder.blackList" translateTo="placeholder" readonly>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.alarm"></span></label>
                    <div class="col-lg-5">
                        <div class="styled-checkbox1">
                            <input type="checkbox" name="alarm" id="alarm"/>
                            <label for="alarm"></label>
                        </div>
                    </div>
                </div>
                <div class="form-group row d-flex align-items-center mb-5">
                    <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.taskSwitch2"></span></label>
                    <input type="hidden" name="taskSwitch"/>
                    <div class="col-lg-5">
                        <button type="button" class="switch switch-style-1 task-switch-btn">
                            <span class="switch-inner translate lang" translateFor="taskSwitch"></span>
                        </button>
                    </div>
                </div>
                <div class="text-right mb-5 mr-5">
                    <button class="btn btn-gradient-01 mr-4 min-width-150" type="button" id="submitForm"><span class="translate lang" translateFor="btn.submitForm"></span></button>
                    <button class="btn btn-shadow min-width-150" type="button" id="resetForm"><span class="translate lang" translateFor="btn.resetForm"></span></button>
                </div>
            </form>
        </div>
    </div>
</div>